<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    @Author 硕鼠
    @Date 2020/4/7 22:53
    @Version 1.0
    @Description 文件说明
  -->
    <meta charset="utf-8">
    <title>进度条</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>
<div lay-filter = "myProgress" class="layui-progress layui-progress-big" lay-showPercent="true">
    <div  class="layui-progress-bar" lay-percent="10%"></div>
</div>
<button id="addProg">进度条增加</button>

<script src="/layui/layui.js"></script>
<script>
    layui.use(['element','jquery'],function(){
        var element = layui.element;
        var $ = layui.jquery;
        $("#addProg").click(function () {
            element.progress('myProgress','50%');
        });
    });
</script>
</body>
</html>

